<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/wode.css">
</head>

<body>
    <div class="app">
        <div class="header">
            <div class="gw">
                <img src="imgs/2.png" alt="">
            </div>
            <div class="gw1">
                登录/注册
            </div>
        </div>
    </div>
    <div class="app2">
        <ul class="fl">
            <li >我的订单</li></ul> 
           <ul class="fr q"><li>全部订单></li></ul>
           
    </div>
    <div id="goods-service">
        <ul>
            <li>
                <div><img src="./imgs/fu.png" alt=""></div>
                <div>待付款</div>
            </li>

            <li>
                <div><img src="./imgs/shou.png" alt=""></div>
                <div>待收货</div>
            </li>

            <li>
                <div><img src="./imgs/tui.png" alt=""></div>
                <div>退换修</div>
            </li>
        </ul>
    </div>
    <div class="app3">
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/wangguan.png" alt="" class="lo"> 会员中心</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/youhui.png" alt="" class="lo">我的优惠</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
    </div>
    <div class="app3">
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/xing.png" alt="" class="lo">服务中心</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/jia.png" alt="" class="lo">小米之家</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
    </div>
    <div class="app3">
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/Fma.png" alt="" class="lo">我的F码</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/liwu.png" alt="" class="lo">礼物码兑换</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
    </div>
    <div class="app3 aa">
        <div class="app4">
            <ul class="fl">
                <li ><img src="imgs/shezhi.png" alt="" class="lo">设置</li></ul> 
               <ul class="fr q"><li><img src="imgs/youjiantou.png" alt=""></li></ul>
               
        </div>
    </div>
        <div class="footer">
            <a href="../index.html" class="footer-icon color">
                <img src="imgs/f1.png" alt="">
                <p>首页</p>
            </a>
            <a href="../index.html" class="footer-icon">
                <img src="imgs/f2.png" alt="">
                <p>分类</p>
            </a>
            <a href="#" class="footer-icon">
                <img src="imgs/f3.png" alt="">
                <p>星球</p>
            </a>
            <a href="../gouwuche/xiaomi.html" class="footer-icon">
                <img src="imgs/f4.png" alt="">
                <p>购物车</p>
            </a>
            <a href="../wode/wode.html" class="footer-icon">
                <img src="imgs/f5.png" alt="">
                <p>我的</p>
            </a>
        </div>
</body>

</html>